<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>卡片组件</title>
		<link rel="stylesheet" href="./Bootstrap4.6.1/css/bootstrap.css">
		<script src="./Bootstrap4.6.1/js/jquery.js"></script>
		<script src="./Bootstrap4.6.1/js/bootstrap.bundle.js"></script>
		<style>
			.h1-img{
				width: 3rem;
			}
		</style>
	</head>
	<body>
		<h1 class="my-4 border-bottom">
			<img src="./img/1.jpg" class="h1-img"  alt="">
			7月独播
		</h1>
		<div class="row">
			<div class="col-6 col-lg-3">
				<div class="card" >
				  <img src="./img/2.jpg" class="card-img-top w-100" alt="...">
				  <div class="card-body">
				    <h5 class="card-title">图文列表图文列表图文列表</h5>
					<h5 class="card-title mt-2">图文列表图文列表图文列表</h5>
				  </div>
				</div>
			</div>
			<div class="col-6 col-lg-3">
				<div class="card " >
				  <img src="./img/3.jpg" class="card-img-top" alt="...">
				  <div class="card-body">
				    <h5 class="card-title">图文列表图文列表图文列表</h5>
					<h5 class="card-title mt-2">图文列表图文列表图文列表</h5>
				  </div>
				</div>
			</div>
			<div class="col-6 col-lg-3">
				<div class="card" >
				  <img src="./img/4.jpg" class="card-img-top" alt="...">
				  <div class="card-body">
				    <h5 class="card-title">图文列表图文列表图文列表</h5>
					<h5 class="card-title mt-2">图文列表图文列表图文列表</h5>
				  </div>
				</div>
			</div>
			<div class="col-6 col-lg-3">
				<div class="card" >
				  <img src="./img/5.jpg" class="card-img-top" alt="...">
				  <div class="card-body">
				    <h5 class="card-title">图文列表图文列表图文列表</h5>
					<h5 class="card-title mt-2">图文列表图文列表图文列表</h5>
				  </div>
				</div>
			</div>
		</div>
	</body>
</html>